﻿<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<style type="text/css">
    html {
        filter: grayscale(100%);
    }
</style>

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<title>视频专区</title>
<meta name="keywords" content="关键字" />
<meta name="description" content="网站描述" />
<meta name="renderer" content="webkit">
<meta name="force-rendering" content="webkit">
<link rel="stylesheet" th:href="@{/liuan20230703/css/style.css}">
<!--页面样式-->
<link rel="stylesheet" th:href="@{/liuan20230703/css/Swiper.css}">
<!--页面样式-->
<link rel="stylesheet" th:href="@{/liuan20230703/css/animate.min.css}">
<!--CSS3动画库-->
<link rel="stylesheet" th:href="@{/liuan20230703/css/font-awesome.min.css}">
</head>

<body style="background-color: #f3f3f3;">
<div class="topHeader">
    <div class="touBanner">
        <div class="wrap relative">
            <div class="logo">
                <a href="#"><img th:src="@{/liuan20230703/images/logo.png}" alt=""></a>
            </div>
        </div>
    </div>
</div>
<div class="nav">
    <div class="wrap">
        <div class="nav-col">
            <ul>
                <li>
                    <a th:href="@{/}">
                        首页
                    </a>
                </li>
                <li th:each="category:${NAV_CATEGORY}">
                    <a th:if="${!#strings.startsWith(category.description,'http') && !#strings.startsWith(category.description,'ftp://')}" th:href="${'/blog/liuan/category/' + category.id}" target='_blank'>
                        [[${category.name}]]
                    </a>
                    <a th:if="${#strings.startsWith(category.description,'http')}" th:href="${category.description}" target='_blank'>
                        [[${category.name}]]
                    </a>
                    <a th:if="${#strings.startsWith(category.description,'ftp://')}" th:href="${category.description}" target='_blank'>
                        [[${category.name}]]
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="topHeader bggary">
    <div class="wrap relative">
        <div class="clearfix">
            <div class="fl dateTime">
                <i class="fa fa-calendar-o" style="color: #003B94;font-size: 16px;vertical-align: top;"></i>&nbsp;
                <span id="date"></span>
                <script language=JavaScript>
                    today=new Date();
                    function initArray(){
                        this.length=initArray.arguments.length
                        for(var i=0;i<this.length;i++)
                            this[i+1]=initArray.arguments[i] }
                    var d=new initArray(
                        "星期日",
                        "星期一",
                        "星期二",
                        "星期三",
                        "星期四",
                        "星期五",
                        "星期六");
                    document.write(
                        "<font color=#241714 style='font-size:20px;'> ",
                        today.getFullYear(),"年",
                        today.getMonth()+1,"月",
                        today.getDate(),"日      ",
                        d[today.getDay()+1],
                        "</font>" );
                </script>
            </div>
            <div class="fr">
                <div class="search">
                    <input type="text" placeholder="请输入关键字" id="searchKeywords" th:href="${'/blog/liuan/search/'}">
                    <a href="javascript:;" class="seaceba" id="search"><i class="fa fa-search"></i>&nbsp;搜索</span>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
    <div class="wrap">
        <div class="breadcrumb">
            <i class="fa fa-home" aria-hidden="true" style="font-size:23px;color: #003B94;margin-left: 35px;" /></i>
            <a th:href="@{/}" style="font-size: 18px;">
                首页
            </a>&gt;<a style="font-size: 18px;">
                视频专区
        </a>
        </div>
    </div>
    <div class="wrap">
        <div class="newcontent clear">
            <div class="fl newleft">
                <div class="newtaitou">栏目</div>
                <ul>
                    <li th:each="cate:${NAV_CATEGORY}">
                        <a th:href="${'/blog/liuan/category/' + cate.id}">
                            <i class="fa fa-file-text" aria-hidden="true" style="font-size: 16px;" /></i>&nbsp;&nbsp;[[${cate.name}]]
                        </a>
                    </li>
                </ul>
            </div>
            <div class="fr newright">
                <div class="newtaitouight">
                    <div class="donmgtai">视频专区</div>
                </div>
                <ul class="newrightul">
                    <li th:each="item : ${videoList}">
                        <a th:href="${'/blog/video/' + item.id}" target='_blank'>
                            <span>[[${item.title}]]</span>
                            <i>[[${#dates.format(item.createTime, 'yyyy-MM-dd')}]]</i>
                        </a>
                    </li>
                </ul>
                <div class="clear"></div>
            </div>
        </div>
    </div>
    <div class="footer" style="margin-top: 80px;">
        <div class="wid">
            <div class="footer-col">
                <p style="color: #003894;font-weight: 600;font-size: 16px;">
                    请使用1920*1080分辨率 IE8.0或以上浏览器访问达到最佳效果
                </p>
                <p style="color: #003894;font-weight: 600;font-size: 16px;">
                    版权所有：漯河市公安局交通管理支队  地址：河南省漯河市郾城区黄河路787号
                </p>
                <p style="color: #003894;font-weight: 600;font-size: 16px;">
                    <a th:href="@{/login}" target='_blank'>[后台管理]</a>
                </p>
            </div>
        </div>
    </div>
    <script th:src="@{/liuan20230703/js/jquery.js}"></script>
<script type="text/javascript">
    $('#search').click(function() {
        var keywords = $('#searchKeywords').val();
        if (keywords != null && keywords.trim() != '') {
            var href = $('#searchKeywords').attr("href");
            window.open(href + keywords, '_blank');
        }
    });
</script>
</body>

</html>